<!DOCTYPE HTML>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>多客户管理官网</title>
    <link rel="stylesheet" type="text/css" href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <style>
        .carousel .carousel-inner {
            height: 400px;
        }

        .carousel .carousel-inner img {
            display: block;
            width: 100%;
            height: auto;
            margin: 0 auto;
        }

        .content {
            margin: 20px 20px 0 20px;
            overflow: hidden;
        }

        .panel-group .panel {
            width: 200px;
            background: #f2f2f2;
        }

        .content_left {
            float: left;
            width: 200px;
        }

        .content_right {
            float: right;
            width: 82%;
            margin-left: 20px;
        }

        .dropdown {
            float: left;
            margin-right: 10px;
        }

        .scroll_main {
            position: relative;
            height: 150px;
            border: 1px solid #ccc;
            border-top: 0;
            margin-top: -20px;
            padding-top: 20px;
            overflow: auto;
        }

        .scroll_add {
            margin-top: 20px;
        }

        .container_add {
            width: 29%;
            background-color: #dedef8;
            -webkit-box-shadow: inset 1px -1px 1px #444, inset -1px 1px 1px #444;
            -moz-box-shadow: inset 1px -1px 1px #444, inset -1px 1px 1px #444;
            -ms-box-shadow: inset 1px -1px 1px #444, inset -1px 1px 1px #444;
            box-shadow: inset 1px -1px 1px #444, inset -1px 1px 1px #444;
            margin: 0 10px 10px 0;
        }

        .tit {
            height: 30px;
            line-height: 30px;
            background: #f2f2f2;
            font-size: 14px;
            color: #337ab7;
            font-weight: 600;
            text-indent: 30px;
        }

        .badge {
            margin-left: 8px;
        }
    </style>
</head>

<body>
    <div class="header">
        <div class="header_logo"></div>
        <nav class="navbar navbar-default">
            <div class="container-fluid">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" dara-toggle="collapse"
                        data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <span class="sr-only">Toggle Navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="javscript:;">多客户管理</a>
                </div>

                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li class="active">
                            <a href="javascript:;">首页<span class="sr-only">(current)</span></a>
                        </li>
                        <li><a href="#test_1">功能说明</a></li>
                        <!--      <li class="dropdown">
                            <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                aria-haspopup="true" aria-expanded="false">Dropdown<span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li>
                                    <a href="javascript:;">Active</a>
                                </li>
                                <li>
                                    <a href="javascript:;">
                                        Another action
                                    </a>
                                </li>
                                <li role="separator" class="divider"></li>
                                <li>
                                    <a href="javascript:;">
                                        Separated
                                    </a>
                                </li>
                            </ul>
                        </li> -->
                    </ul>
                    <ul class="nav navbar-nav navbar-right">
                        <li>
                            <a href="javascript:;">消息<span class="badge">30</span></a>
                        </li>
                        <li>
                            <a href="javascript:;">授权登录</a>
                        </li>
                        <li class="dropdown">
                            <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                aria-haspopup="true" aria-expanded="false">个人中心<span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li>
                                    <a href="javascript:;">设置</a>
                                </li>
                                <li>
                                    <a href="javascirpt:;">
                                        后台
                                    </a>
                                </li>
                                <li role="separator" class="divider"></li>
                                <li>
                                    <a href="javascript:;">
                                        退出
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
    </div>
    <div id="myCarousel" class="carousel slide">
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#mrCarousel" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner">
            <div class="item active">
                <img src="image/1.png" />
            </div>
            <div class="item">
                <img src="image/2.png" />
            </div>
            <div class="item">
                <img src="image/3.png" />
            </div>
        </div>
        <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
        <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
    </div>
    <div class="content clearfix">
        <div class="list-group panel-default" id="function-ifno">
            <a href="javascript:;" class="list-group-item panel-heading">
                <h4>如何使用：</h4>
            </a>
            <a href="javascript:;" class="list-group-item">
                <p class="list-group-text">
                   通过右上角的授权，进行店铺的授权，授权之后，就跳转到后台的界面中
                </p>
            </a>

            <a href="javascript:;" class="list-group-item panel-heading">
                <h4>功能说明</h4>
            </a>
            <a href="javascript:;" class="list-group-item">
                <h4 class="list-group-heading">
                    待成团的订单监控
                </h4>
                <p class="list-group-text">
                    待成团的订单，实时待成团的订单的数据，显示的数据有：订单号，开团的时间，用户的备注，商品号，商品的微缩图
                </p>
            </a>
            <a href="javascript:;" class="list-group-item">
                <h4>
                    在销售商品库存监控
                </h4>
                <p class="list-group-text">
                    对在售的商品进行库存的监控，罗列出库存低的商品的，可以设置排除显示，指定监控
                </p>
            </a>
            <a href="javascript:;" class="list-group-item">
                <h4>
                    揽件超时监控
                </h4>
                <p class="list-group-text">
                    对已发出的快递，进行超时监控的操作，物流信息异常，没有一直更新，或者发货之后没有更新揽件信息
                </p>
            </a>
            <a href="javascript:;" class="list-group-item">
                <h4>
                    售后订单监控
                </h4>
                <p class="list-group-text">
                    对订单的售后的操作进行监控，标注指定的订单，设置提醒，在指定的条件下，设置处理完成之后，不显示
                </p>
            </a>
        </div>

    </div>
    </div>


    <div class="footer"></div>





    <script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
    <script src="http://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <script type="text/javascript">
        /*轮播*/
        $(".carousel").carousel("cycle");
    </script>


</body>

</html>